<template>
  <div class="loading">
    <img src="./loading.gif"
         width="25"
         height="25"
         alt="">
    <p class="desc">{{title}}</p>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: "正在载入..."
    }
  }
}
</script>
<style lang="scss" scoped>
@import '~@/common/scss/mymixin.scss';

.loading {
  width: 100%;
  text-align: center;
  .desc {
    line-height: 40px;
    @include font-size($font-size-small);
    color: $color-text-l;
  }
}
</style>